<template>
  <div>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <div class="container">
        <router-link class="navbar-brand" to="/">双碳招投标网</router-link>
        <div class="collapse navbar-collapse">
          <ul class="navbar-nav ms-auto">
            <li class="nav-item">
              <router-link class="nav-link active" to="/">政策法规</router-link>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- 政策详情 -->
    <div class="container mt-5">
      <h2 class="mb-4">政策法规详情</h2>
      <div class="card">
        <div class="card-header bg-primary text-white">
          <h5 class="card-title mb-0">{{ policy.title }}</h5>
        </div>
        <div class="card-body">
          <p class="card-text">{{ policy.content }}</p>
          <p class="card-text">
            <small class="text-muted">{{ policy.time }}</small>
          </p>
          <button 
            class="btn btn-primary" 
            @click="handleDownload"
          >
            <i class="fas fa-download me-2"></i>政策原文（PDF）
          </button>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRoute } from 'vue-router'  // 用于获取路由参数

// 获取路由参数id
const route = useRoute()
const policyId = route.params.id  // 从路由路径中获取id（如/detail/1中的1）

// 模拟政策数据
const policy = ref({
  title: '',
  content: '',
  time: ''
})

// 根据id加载对应政策
if (policyId === '1') {
  policy.value = {
    title: '关于双碳目标下政府采购绿色产品的实施意见',
    content: '为贯彻落实双碳战略目标，进一步规范政府采购领域绿色产品采购行为，推动绿色低碳发展，现提出以下实施意见：\n\n一、明确采购范围：将光伏设备、新能源汽车、节能空调等20类产品纳入绿色采购强制目录。\n二、执行标准：采购产品需满足国家《绿色产品评价标准通则》（GB/T 33761-2017）及行业细分标准。\n三、监督管理：建立绿色采购信用评价体系，对违规供应商实施联合惩戒。',
    time: '发布时间：2025-10-01'
  }
} else if (policyId === '2') {
  policy.value = {
    title: '碳排放权交易市场管理暂行办法',
    content: '为规范全国碳排放权交易及相关活动，根据《中华人民共和国环境保护法》等法律法规，制定本办法：\n\n一、交易主体：纳入全国碳市场的发电行业企业及其他经批准的机构和个人。\n二、交易产品：碳排放配额、国家核证自愿减排量（CCER）。\n三、监督管理：生态环境部负责全国碳市场的统一监督管理。',
    time: '发布时间：2025-09-15'
  }
} else if (policyId === '3') {
  policy.value = {
    title: '绿色建筑政府采购需求标准（2025版）',
    content: '本标准规定了政府集中采购目录内绿色建筑相关产品的技术要求、检验方法和验收规则：\n\n一、适用范围：办公建筑、公共建筑的新建、改建、扩建项目。\n二、核心指标：建筑节能率≥65%，可再生能源利用率≥15%，水资源循环利用率≥80%。\n三、实施要求：采购人应在采购文件中明确本标准的技术条款。',
    time: '发布时间：2025-08-20'
  }
}

// 附件下载逻辑
const handleDownload = () => {
  alert('附件下载中...（实际项目中可替换为真实下载链接）')
}
</script>

<style scoped>
/* 可复用之前的style.css样式 */
</style>